<link rel="stylesheet" href="__CDN__/assets/addons/health/libs/element/element.css">
<link rel="stylesheet" href="__CDN__/assets/addons/health/libs/common.css">

<script src="__CDN__/assets/addons/health/libs/vue.js"></script>
<script src="__CDN__/assets/addons/health/libs/element/element.js"></script>
<script src="__CDN__/assets/addons/health/libs/moment.js"></script>

<div id="trackingUserRemainIndex" v-cloak>
	<el-card>
		<div slot="header" class="clearfix">
			<span>活跃用户</span>
		</div>
		<div id="container">
		</div>
	</el-card>
	<div style="height: 20px"></div>
	<el-row :gutter="20">
		<el-col :span="12">
			<el-card>
				<div slot="header" class="clearfix">
					<span>用户实名率</span>
				</div>
				<div style="margin-bottom: 10px">
					<div class="display-flex-b">
						<div>总用户数</div>
						<div>{{data.user_total || 0}}</div>
					</div>
					<div class="display-flex-b">
						<div>认证用户数</div>
						<div>{{data.user_auth_total || 0}}</div>
					</div>
				</div>
				<div class="display-flex-c">
					<div id="userAuthPercent">
					</div>
				</div>
			</el-card>
		</el-col>
		<el-col :span="12">
			<el-card>
				<div slot="header" class="clearfix">
					<span>用户归属地</span>
				</div>
				<div id="user-area">

				</div>
			</el-card>
		</el-col>
		<el-col :span="24" style="margin-top: 20px">
			<el-card>
				<div slot="header" class="clearfix">
					<span>用户渠道转化</span>
				</div>
				<div id="user-channel">

				</div>
			</el-card>
		</el-col>

	</el-row>
	<div style="height: 20px"></div>
</div>